<!DOCTYPE HTML>
<!-- Essa é a Composição padrão da Página , já chamando o template -->
<ui:composition template="/template/template.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
	<ui:define name="conteudo">
		<center>
			<h:form id="formPesquisa">

				<div class="container-fluid">
				
					<!-- Page Heading -->
					<div class="row">
						<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
							<h1 class="page-header">Pesquisa Avançada Memória Ram</h1>
						</div>
					</div>
					
					<h:panelGroup id="filtrosAnuncio">
					<div class="row">
						<div class="col-xs-12 col-sm-12 col-md-12 col-lg-2 text-center">
							<h:outputText value="Modelo" />
							<h:selectOneMenu styleClass="form-control" value="#{pesquisaAvancadaMemoriaBean.idProduto}">
							<f:selectItem itemLabel="Selecione" itemValue=""/>
								<f:selectItems value="#{pesquisaAvancadaMemoriaBean.listaProduto}" var="produto" itemLabel="#{produto.modelo}" itemValue="#{produto.id}" />
								<f:ajax render="filtroHardware anunciante bairro" event="change" listener="#{pesquisaAvancadaMemoriaBean.carregaCombosPorModeloProduto()}"/>
								<f:converter converterId="IdConverter" />
							</h:selectOneMenu>
						</div>
						<div class="col-lg-3 text-center">
							<h:outputText value="Anunciante" />
							<h:selectOneMenu id="anunciante" styleClass="form-control" value="#{pesquisaAvancadaMemoriaBean.idAnunciante}">
								<f:selectItem itemLabel="Selecione" itemValue=""/>
								<f:selectItems value="#{pesquisaAvancadaMemoriaBean.listaAnunciantes}" var="anunciante" itemLabel="#{anunciante.razaoSocial}" itemValue="#{anunciante.id}" />
								<f:converter converterId="IdConverter" />
								<f:ajax event="change" render=":formPesquisa:bairro"/>
							</h:selectOneMenu>
						</div>
						
						<div class="col-lg-2 text-center">
							<h:outputText value="Preço Minimo" />
							<h:inputText value="#{pesquisaAvancadaMemoriaBean.precoMinimo}"  styleClass="money form-control">
							 	 <f:convertNumber locale="pt_BR" type="currency" />
							</h:inputText>
						</div>
						
						<div class="col-lg-2 text-center">
							<h:outputText value="Preço Máximo" />
							<h:inputText value="#{pesquisaAvancadaMemoriaBean.precoMaximo}" styleClass="money form-control">
								 <f:convertNumber locale="pt_BR" type="currency" />
		            		</h:inputText>
						</div>

						<div class="col-lg-2 text-center">
							<h:outputText value="Bairro" />
							<h:selectOneMenu id="bairro" styleClass="form-control" disabled="#{not empty pesquisaAvancadaMemoriaBean.idAnunciante}">
								<f:selectItem itemLabel="Selecione" itemValue=""/>
								<f:selectItems value="#{pesquisaAvancadaMemoriaBean.listaBairros}" />
								<f:ajax event="change" render="anunciante" listener="#{pesquisaAvancadaMemoriaBean.listarAnunciantesPorBairro()}"/>
							</h:selectOneMenu>
						</div>
					</div>
					</h:panelGroup>
				</div>
				
				<h:panelGroup id="filtroHardware">
				<div class="row">
						
						<div class="col-lg-3 text-center">
							<h:outputText value="Versao Memoria Ram" />
							<h:selectOneMenu id="veram" styleClass="form-control" value="#{pesquisaAvancadaMemoriaBean.versaoMemoriaRam}" disabled="#{not empty pesquisaAvancadaMemoriaBean.idProduto}"> 
								<f:selectItem itemLabel="Selecione" itemValue=""/>
								<f:selectItems value="#{pesquisaAvancadaMemoriaBean.listaVersaoMemoriaRam}"/>
								<f:converter converterId="VersaoMemoriaRamConverter" />		
							</h:selectOneMenu>
						</div>
						
						<div class="col-lg-2 text-center">
						<h:outputText value="Fabricante" />
						<h:selectOneMenu value="#{pesquisaAvancadaMemoriaBean.idFabricante}" styleClass="form-control"  disabled="#{not empty pesquisaAvancadaMemoriaBean.idProduto}">
					 		<f:selectItem itemLabel="Selecione" itemValue=""/>
							<f:selectItems value="#{pesquisaAvancadaMemoriaBean.listaFabricantes}" var="fabricante" itemLabel="#{fabricante.nomeFabricante}" itemValue="#{fabricante.id}"/>
							<f:converter converterId="IdConverter" />					
						</h:selectOneMenu>
						</div>
						
						<div class="col-lg-2">
						<br></br>
						<h:commandLink id="btnsearch" action="#{pesquisaAvancadaMemoriaBean.pesquisar()}" styleClass="btn btn-success"><i class="glyphicon glyphicon-search"></i> Pesquisar</h:commandLink>
						</div>
					</div>
				</h:panelGroup>
				<br></br>
				<div class="row">
                <div class="col-lg-12">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            Pesquisa Memória Ram
                        </div>
                        <!-- /.panel-heading -->
                        <div class="panel-body">
                            <div class="table-responsive">
                                <table id="dataTable" class="table table-striped table-bordered table-hover">
		        <thead>
		            <tr>
		                <th>Modelo</th>
		                <th>Fabricante</th>
		                <th>Versão Memória Ram</th>
		                <th>Quantidade Memoria</th>
		                <th>Anunciante</th>
		                <th>Preço</th>
		                <th>Bairro</th>
		            </tr>
		        </thead>
		 
		        
		 		
		        <tbody>
		        <ui:repeat var="memoria" value="#{pesquisaAvancadaMemoriaBean.listaMemoriaRamVo}">
		            <tr>
		                <td>#{memoria.modelo}</td>
		                <td>#{memoria.nomeFabricante}</td>
		                <td>#{memoria.versaoMemoriaRam}</td>
		                <td>#{memoria.capacidade}</td>
		                <td>
		                <p:commandLink update=":formPesquisa:anuncianteDetail" oncomplete="PF('anuncianteDialog').show()" title="View Detail">
                     <h:outputText style="margin:0 auto;" value="#{memoria.anunciante.razaoSocial}" />
                    <f:setPropertyActionListener value="#{memoria.anunciante}" target="#{pesquisaAvancadaMemoriaBean.anunciante}" />
                </p:commandLink>
		                </td>
		                <td>
		                <h:outputText value="#{memoria.precoAnuncio}" > 
		                 <f:convertNumber pattern="R$ #,##0.00"/>
		                </h:outputText>
		                </td>
		                <td>
		                #{memoria.anunciante.bairro} 
		                </td>
		            </tr>
		          </ui:repeat>
		            </tbody>
		           </table>
		           </div>
		           </div>
		           </div>
		           </div>
		           </div>
		           
				 <p:dialog header="Anunciante" widgetVar="anuncianteDialog" modal="true" showEffect="fade" hideEffect="fade" resizable="false">
			        <p:outputPanel id="anuncianteDetail">
			                <strong><h:outputText value="#{pesquisaAvancadaMemoriaBean.anunciante.razaoSocial}" /></strong>
			                <br></br>
			                <h:outputText value="#{pesquisaAvancadaMemoriaBean.anunciante.numeroInscricao}" />
			                <div class="panel-body">
                            <br></br>
                            <address>
                                <strong><h:outputText value="#{pesquisaAvancadaMemoriaBean.anunciante.cidade}" />, <h:outputText value="#{pesquisaAvancadaMemoriaBean.anunciante.estado}" /></strong>
                                <br></br><h:outputText value="#{pesquisaAvancadaMemoriaBean.anunciante.rua}" />,<h:outputText value="#{pesquisaAvancadaMemoriaBean.anunciante.numero}" />
                                <br></br> <h:outputText value="#{pesquisaAvancadaMemoriaBean.anunciante.cep}" />
                                <br></br>
							</address>
                            <address>
                                <strong>Email</strong>
                                <br></br>
                                <a href="Email:#"><h:outputText value="#{pesquisaAvancadaMemoriaBean.anunciante.email}" /> </a>
                            </address>
                        </div>
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>Tipo Telefone</th>
                                            <th>Numero</th>
                                            <th>Operadora</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    <ui:repeat var="telefone" value="#{pesquisaAvancadaMemoriaBean.anunciante.telefones}">
                                        <tr>
                                            <td>#{telefone.tipoTelefone}</td>
                                            <td>#{telefone.numero}</td>
                                            <td>#{telefone.operadora}</td>
                                        </tr>
                                    </ui:repeat>
                                    </tbody>
                                </table>
			        </p:outputPanel>
			    </p:dialog>
			    
			</h:form>
		</center>
	</ui:define>
</ui:composition>